<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>青橙社区-问答区</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=0.57, minimum-scale=0.57, maximum-scale=0.57, user-scalable=no">
	<link rel="Shortcut Icon" href="images/favicon_logo.ico">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/layui.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
	<!--[if lt IE 8]>
	<div style="position:fixed;left:0;top:0;width:100%;height:50px;background:#fff;color:red;border-bottom:1px solid rgb(230,230,198);text-align:center;line-height:50px;font-size:12px;z-index: 9999;">您使用的浏览器版本过低，可能会影响到您浏览本网页，建议您升级您的浏览器。</div>
	<![endif]-->
	<!--[if IE 6]>
	<script src="js/DD_belatedPNG_0.0.8a.js" mce_src="js/DD_belatedPNG_0.0.8a.js"></script>
	<script type="text/javascript">DD_belatedPNG.fix('*');</script>
	<![endif]-->
	<div class="index interlocution-index">
		<div class="header clearfix">
			<div class="header-box">
				<div class="left-logo">	
					<a href="javascript:;">
						<img src="images/qc_logo.png">
					</a>
				</div>
				<div class="title-link">
					<a href="javascript:;">首页</a>
					<a href="javascript:;">问答区</a>
					<label for="">
						<input type="text" name="" value="" placeholder="请输入搜索关键词">
						<i></i>
					</label>
				</div>
				<div class="right-link">
					<a onclick="register()" href="javascript:;">注册</a>
					<span></span>
					<a onclick="login()" href="javascript:;">登录</a>
				</div>
			</div>
		</div>
		<div class="classification-wrap">
			<div class="classification-box">
				<div class="inf">
					<div class="clearfix">
						<h3>分类：</h3>
						<ul>
							<li><a href="javascript:;" title="全部">全部</a></li>
							<li class="select"><a href="javascript:;" title="编程">编程</a></li>
							<li><a href="javascript:;" title="经管">经管</a></li>
							<li><a href="javascript:;" title="设计">设计</a></li>
						</ul>
					</div>
					<div class="clearfix">
						<h3>方向：</h3>
						<ul>
							<li><a href="javascript:;" title="全部">全部</a></li>
							<li class="select"><a href="javascript:;" title="前端开发">前端开发</a></li>
							<li><a href="javascript:;" title="后端开发">后端开发</a></li>
							<li><a href="javascript:;" title="数据库">数据库</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="problem-wrap">
			<h2 class="tab-h2">
				<span class="select">全部</span>
				<span>已解决</span>
				<span>未解决</span>
				<span>精华</span>
			</h2>
			<div class="content">
				<div class="box show">
					<ul>
						<li class="li-yjj">
							<em></em>
							<h2><a href="javascript:;">这是标题这是标题这是标题这是标题这是标题</a><span>精华</span></h2>
							<dl>
								<dt><img src="images/pic_img.png"></dt>
								<dd>
									<b>我是女神</b>
								</dd>
							</dl>
							<p class="reduce-p">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容……</p>
							<div class="other-box">
								<b>编程学习</b>
								<i class="ll-i">1200浏览</i>
								<i class="pn-i">621回答</i>
								<span>2018-03-24  14：28</span>
							</div>
						</li>
						<li class="li-djj">
							<em></em>
							<h2><a href="javascript:;">这是标题这是标题这是标题这是标题这是标题</a><span>精华</span></h2>
							<dl>
								<dt><img src="images/pic_img.png"></dt>
								<dd>
									<b>我是女神</b>
								</dd>
							</dl>
							<p class="reduce-p">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容……</p>
							<div class="other-box">
								<b>编程学习</b>
								<i class="ll-i">1200浏览</i>
								<i class="pn-i">621回答</i>
								<span>2018-03-24  14：28</span>
							</div>
						</li>
						<li class="li-yjj">
							<em></em>
							<h2><a href="javascript:;">这是标题这是标题这是标题这是标题这是标题</a><span>精华</span></h2>
							<dl>
								<dt><img src="images/pic_img.png"></dt>
								<dd>
									<b>我是女神</b>
								</dd>
							</dl>
							<p class="reduce-p">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容……</p>
							<div class="other-box">
								<b>编程学习</b>
								<i class="ll-i">1200浏览</i>
								<i class="pn-i">621回答</i>
								<span>2018-03-24  14：28</span>
							</div>
						</li>
						<li class="li-djj">
							<em></em>
							<h2><a href="javascript:;">这是标题这是标题这是标题这是标题这是标题</a><span>精华</span></h2>
							<dl>
								<dt><img src="images/pic_img.png"></dt>
								<dd>
									<b>我是女神</b>
								</dd>
							</dl>
							<p class="reduce-p">这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容……</p>
							<div class="other-box">
								<b>编程学习</b>
								<i class="ll-i">1200浏览</i>
								<i class="pn-i">621回答</i>
								<span>2018-03-24  14：28</span>
							</div>
						</li>
					</ul>
				</div>
				<div class="box">2</div>
				<div class="box">3</div>
				<div class="box">4</div>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	<script type="text/javascript" src="js/public.js"></script>
</body>
</html>